<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/style.css"/>">

<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
</head>
<body>
<style>

	@keyframes bluePulse {
	from {
	     color: #00FF00; 
	     text-shadow: 0 0 10px #ebebeb; 
	}
	50% { 
	     color: #ffff00; 
	     text-shadow: 0 0 28px #2daebf; 
	}
	to {
		 color: #00FF00; 
		 text-shadow: 0 0 10px #ebebeb; 
	}
	}
	.cwb {
		animation-iteration-count: infinite;
		animation-name: bluePulse;
		animation-duration: 4s;
		position: relative;
		top:10px;
	}
	
	.title{
		transition: 0.5s;
		text-align:center;
		overflow: hidden;
		white-space: nowrap;
		font-size: 55px;
		line-height: 180px;
		font-weight:bold;
		letter-spacing: 15px;
		padding-left: 15px;
		font-family: '楷体';
	}
	input#J_codetext{
	     width: 35%;
	     position: absolute;
	     right: 100px;
	}
	
	canvas#myCanvas.J_codeimg{
	     position: relative;
	     left: 140px;
	     top: -20px;
	     width: 100px;
	     height: 100px;
	 
	}
	#mz:nth-of-type(odd){ background:#c6f9f7} /* odd 标识奇数行，even标识偶数行 */
	#mz:hover{ background: #E0F0F0;} /*鼠标悬停后表格背景颜色*/
	
</style>
 	
 	<script type="text/javascript">
 		
 	
		 	
 	</script>
 	<div id="printArea" style="width: 100%;height: 300px">
		<div class="webfontCSS title">
			  <span class="cwb">挂号单</span>
		       </div>
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'north',height:'275px',border:false'">
				<form action="">
						<table style="padding: 10px;margin: 25px;text-align: center;" id="tb_ghd" 
								align="center" border="1" cellpadding="1" cellspacing="1" width="95%" height="200px">
								<tr id="mz">
									<td>门诊号</td>
									
									<td>
										${ghNo}
									</td>
									
									<td>病人姓名</td>
									
									<td>
										${brName}
									</td>
									
									<td>挂号日期</td>
									<td>
										${ghDate}
									</td>
								</tr>
								<tr id="mz">
									<td>卡号</td>
									<td>
										${ylkNo }
									</td>
									
									<td>挂号类型</td>
									<td>
										${ghType}
									</td>
									
									<td>科室</td>
									<td>
										${ksName}
									</td>
									
								</tr>
								
								<tr id="mz">
									<td>身份证号码</td>
									<td>
										${cybrIdcard}
									</td>
									
									<td>病人性别</td>
									<td>
										${cybrSex}
									</td>
									
									<td>病人年龄</td>
									<td>
										${brAge}
									</td>
									
								</tr>
						</table>
					</form>
				</div>
			</div>
		</div>	
	 
	
</body>
</html>